<template>
	<view class="log">
		<view class="wanl-log " v-for="(item, index) in logData" :key="item.id">
			<view class="cu-avatar " >
				<image :src="$wanlshop.oss(item.avatar, 40, 40)" mode="aspectFill"></image>
			</view>
			<view class="content">
				<view class="content1">{{item.name}}</view>
				<view class="text-sm wanl-gray-light">
					{{item.createtime_text}}
				</view>
				<view class="text-sm margin-top-bj">
					{{item.content}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			logData: []	
			};
		},
		onLoad(option) {
			this.loadData(option.id);
		},
		methods:{
			async loadData(id){
				// 提交
				this.$api.get({
					url: '/wanlshop/refund/getRefundLog',
					data: {id:id},
					success: res => {
						this.logData = res;
					}
				});
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F0F0F0;
}
.log{
	.wanl-log{
		background-color: #FFFFFF;
		padding: 25rpx;
		display: flex;
		background-color: #ffffff;
		color: #333333;
		margin-bottom: 25rpx;
		.cu-avatar{
			width: 80rpx;
			height: 80rpx;
			image{
			width: 100%;
			height: 100%;
			border-radius: 8rpx;
			}
		}
		.content{
			width: 580rpx;
			margin-left: 20rpx;
			// background-color: #007AFF;
			.content1{
				font-size: 30rpx;
			}
			.text-sm{
				font-size: 26rpx;
				color: #999999;
			}
			.margin-top-bj{
				color: #333333;
				margin-top: 25rpx;
			}
		}
	}
}
</style>
